<template>
    <j-modal
      :title="title"
      :width="width"
      :visible="visible"
      switchFullscreen
      @ok="handleOk"
      :okButtonProps="{ style: { display: 'none' } }"
      @cancel="handleCancel"
      cancelText="关闭">
      <erp-package-detail-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></erp-package-detail-form>
    </j-modal>
</template>
  
<script>

    import ErpPackageDetailForm from './ErpPackageDetailForm.vue'
    
    export default {
      name: 'ErpPackageDetailModal',
      components: {
        ErpPackageDetailForm
      },
      data () {
        return {
          title:'',
          width:1400,
          visible: false,
          disableSubmit: false,
        }
      },
      methods: {
        add () {
          this.visible=true
          this.$nextTick(()=>{
            this.$refs.realForm.add();
          })
        },
        edit (record) {
          this.visible=true
        },
        close () {
          this.$emit('close');
          this.visible = false;
        },
        handleOk () {
          this.$refs.realForm.submitForm();
        },
        submitCallback(){
          this.$emit('ok');
          this.visible = false;
        },
        handleCancel () {
          this.close()
        },
        // 查看包材
        detail (record) {
          this.visible=true
          this.$nextTick(()=>{
            this.$refs.realForm.detail(record);
          })
        },
      }
    }
</script>